<template>
	<div style="padding: 10px;">
		<slot name="brows"></slot>
		<div class="title" :style="getCssStyle(tableObject.nameCss)">{{tableObject.name}}</div>
		<slot name="header"></slot>
		<div class="box">
			<index-child :list="tableObject.list" :form="form"></index-child>
		</div>
		<slot name="footer"></slot>
		<slot name="tail"></slot>
	</div>
</template>
<script>
	import cssStyle from './js/cssStyle.js'
	export default {
		components: {
			indexChild: () => import('./indexChild.vue')
		},
		data() {
			return {
				form: {
					id: '2032333',
					centets: [{
						id: 65662,
						ids: 16522
					}, {
						id: 0,
						ids: 15646
					}],
					centets2: [{
						id: 65662,
						ids: 16522
					}, {
						id: 0,
						ids: 15646
					}],
					rate: 5,
					image: 'https://cdn.uviewui.com/uview/album/1.jpg',
					ids: '2032333666666666666666666666666666666666666666666666666666666666666666666666666666666666666666'
				},
				tableObject: {
					name: '测试',
					nameCss: {
						color: 'red',
						'text-align': 'left'
					},
					list: [{
						type: 'table',
						childrenListName: 'centets633',
						children: [{
							title: '表单编号5566',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center'
						}]
					}, {
						type: 'table',
						childrenListName: 'centets',
						titleCss: {
							color: 'red'
						},
						contentCss: {
							color: 'yellow'
						},
						children: [{
							title: '表单编号6233',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'id',
							type: 'input',
							contentCss: {
								color: 'green'
							},
						}, {
							title: '表单编号',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'ids',
						}, {
							title: '表单编号',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'ids2',
						}, {
							title: '表单编号',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'ids2',
						}, {
							title: '表单编号',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'ids2',
						}]
					}, {
						children: [{
							title: '第二轮',
							titleShow: false,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'id',
							contentCss: {
								color: 'red'
							},
							borderShow: 'surround',
							type: 'textarea'
						}, {
							title: '表单编号',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'centet',
							checkList: [{
								name: '苹果'
							}, {
								name: '苹果1'
							}],
							type: 'checkbox'
						}, {
							title: '表单编号',
							titleShow: true,
							titleWidth: '80px',
							titleTextAlign: 'center',
							prop: 'centet',
							titleCss: {
								color: 'red'
							}
						}]
					}, {
						children: [{
								title: '表单编号',
								titleShow: true,
								titleWidth: '80px',
								titleTextAlign: 'center',
								type: 'oneself',
								children: [{
									children: [{
										title: '表单编号',
										titleShow: true,
										titleWidth: '80px',
										titleTextAlign: 'center',
										prop: 'ids',
										contentCss: {
											color: 'green'
										},
									}]
								}, {
									children: [{
										title: '表单编号',
										titleShow: true,
										titleWidth: '80px',
										titleTextAlign: 'center',
										prop: 'ids',
									}, {
										title: '表单编号',
										titleShow: true,
										titleWidth: '80px',
										titleTextAlign: 'center',
										prop: 'ids',
									}]
								}]
							},
							{
								title: '表单编号',
								titleShow: true,
								titleWidth: '80px',
								titleTextAlign: 'center',
								type: 'oneself',
								children: [{
									type: 'table',
									childrenListName: 'centets2',
									children: [{
										title: '表单编号',
										titleShow: true,
										titleWidth: '80px',
										titleTextAlign: 'center',
										prop: 'id',
										type: 'input',
										contentCss: {
											color: 'green'
										},
									}, {
										title: '表单编号',
										titleShow: true,
										titleWidth: '80px',
										titleTextAlign: 'center',
										prop: 'ids',
									}]
								}]
							},
							{
								title: '表单编号',
								titleShow: true,
								titleWidth: '80px',
								titleTextAlign: 'center',
								prop: 'image',
								type: 'image',
								titleCss: {
									color: 'red',
								},
								contentCss: {
									width: '100%',
									height: '100%'
								}
							}
						]
					}]
				},

			}
		},

		computed: {

		},
		mixins: [cssStyle],
		methods: {}
	}
</script>
<style lang="scss" scoped>
	.box {
		border: 1px solid #E6E6E6;
	}

	.title {
		text-align: center;
		line-height: 72px;
		font-size: 36px;
		font-weight: bold;
	}
</style>